/* main.css */

body { background-color: #fff; font-family: verdana, arial, halvetica,
  sans-serif; font-size: 12px; text-align: center;/*IE*/
  min-width: 800px;/*NS*/ }

h1 {
  color:#036;
  font-variant: small-caps;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px 2px #baa588;
  font-family:serif;
  font-size: 2em;
  line-height: 0.8em;
  margin: 1em 0 0 0;
  padding: 0.4em;
}
h2 {
  color:#036;
  font-size: 1.2em;
  border-bottom: 1px solid #000;
  text-shadow: 0.7px 0.7px 0.5px #baa588;
}
h3 {
  color:#036;
  font-size: 1.2em;
}
h4 {
  color:#036;
  font-size: 1.0em;
 }

h5 {
  color:#036;
  font-size: 1.0em;
  margin-bottom: .4em;
 }

/* links */
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #003359;
  border-bottom: 1px dotted #003359; font-weight: normal; }
a:link, a:visited {}
a:hover { border-bottom: 1px solid #003359; }
a:active {}

/* headerContainer */
#headerContainer { width: 100%; background-color: #fff; }

/* header */
#header { width: 800px; margin: 0 auto; padding: 12px 0 10px 0; }
#header img { border: none; }

/* contentContainer*/
#contentContainer { width: 100%; padding: 10px 0 0 0;
  background-image: url(bg_content.png);
  background-repeat: repeat-x; background-color: #cab590;
  border-top: 1px solid #333; }

/* mainNavContainer*/
#mainNavContainer { width: 800px; margin: 0 auto; }



/* mainNav */
#mainNav { width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none;
  background: transparent; float: left; }
#mainNav li { float: left; margin: 0; padding: 0; font-family: "Lucida Grande",
  sans-serif; font-weight: bold; }
#mainNav a { float: left; display: block; margin: 0 8px 0 0;
  padding: 4px 8px 4px 8px; color: #666; text-decoration: none;
  border: 1px solid #666; border-right: 2px solid #666; border-bottom: none;
  background: #cacaca url(bg_nav.png) repeat-x top left; }
#mainNav a:hover,
body.home #tabHome a,
body.Method #tabMethod a,
body.Strategy #tabStrategy a,
body.Variables #tabVariables a,
body.Model #tabModel a,
body.Interface #tabInterface a,
body.Responses #tabResponses a,

body.about #tabAbout a,
body.resources #tabResources a,
body.packages #tabPackages a,
body.download #tabDownload a,
body.search #tabSearch a,
body.snl #tabSNL a
  { color: #000; border-color: #727377; background: #fff;
  border-bottom: 1px solid #fff; }

/* content */
#content { width: 800px; margin: -1px auto 0 auto; padding:2em;
  line-height: 1.6em; clear: right; background-color: #fff;
  border: 1px solid #666; border-right: 2px solid #666;
  border-bottom: 2px solid #666; text-align:left;}
#contentMain { width: 600px; float: right; text-align: left;
  margin: 10px 20px 20px 0; }
#contentMain img { border: none; }

/* nav */
#nav          { width: 150px; float: left; padding: 10px 5px 20px 15px; }
#nav ul, #nav li { margin: 0; padding: 0; list-style-type: none; }
#nav ul { display: block; text-align: left; }
#nav li { display: inline; text-align: left; }
#nav li a { display: block; text-decoration: none; margin: 0;
  padding: .2em .2em .2em .2em; border-bottom: 1px solid #1c4493;
  font-weight: normal; }
#nav li a:link, #nav li a:visited { color: #1c4493; font-weight: normal; }
#nav li a:hover { border-bottom: 1px solid #1c4493; color: #1c4493;
  font-weight: normal; text-decoration: none; background: #fff
  url(bg_subnav.png) repeat-x bottom left; }
#nav li a:active { color: #1c4493; }
#nav li.current a:link, #nav li.current a:visited, #nav li.current a:hover
#nav li.current a:active { border-bottom: 1px solid #1c4493;
  font-weight: bold; }

/* new nav */
4.
#navcontainer ul, #navcontainer  li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navcontainer ul {
  display: block;
  text-align:left;
}

#navcontainer ul ul {
  display: none;
  display: block;
  text-align:left;
}

#navcontainer ul li:hover > ul {
  display:block;
}

#navcontainer  li {
  display: inline;
  text-align: left;
}

#navcontainer li a {
  display: block;
  color: #003359;
  background-color: #fff;
  text-decoration: none;
  margin: 0;
  padding: .2em .2em .2em .2em;
  border-bottom: 1px solid #003359;
  font-weight: normal;
}

#navcontainer li li a {
  display: block;
  color: #003359;
  background-color: #FFF;
  text-decoration: none;
  margin: 0;
  padding: .2em .2em .2em 1em;
  border-bottom: 1px solid #003359;
  font-weight: normal;
}

#nav li a:link, #nav li a:visited {
  color: #003359;
  font-weight: normal;
}

#nav li a:hover {
  border-bottom: 1px solid #003359;
  color: #003359;
  font-weight: normal;
  text-decoration: none;
  background: #fff url(bg_subnav.png) repeat-x bottom left;
  /*background-color: #000359 url(bg_subnav.png) repeat-x bottom left;*/
  background-color: #000359;
}

#navcontainer a:hover
{
background-color: #003359;
color: #FFF;
}

#nav li a:active {
  color: #003359;
}
#nav li.current a:link,
#nav li.current a:visited,
#nav li.current a:hover
#nav li.current a:active {
  border-bottom: 1px solid #003359;
  font-weight: bold;
}

#navLogos { margin-top: 25px; }
#navLogos img { border: none; margin: 25px 0; }
#navLogos a { border: none; }

#nav h5 { font-weight: normal; border-bottom: 1px solid #666;
  text-align: left; color: #666; font-size: .9em; }
#nav ul.navPackages li { font-size: .9em; }
#nav ul.navPackages a { border: none; padding: 0; margin: 0; }
#nav ul.navPackages a:hover, #nav ul.navPackages a:active { background: none;
  text-decoration: underline; }

/* breadcrumb */
div.breadcrumb {
  border-bottom: 1px solid #d7d7d7;
  padding: .2em 0;
  margin: 0 0 2em 0;
  font-weight:bold;
  color: #cc9999;
}
div.breadcrumb a:link, div.breadcrumb a:visited,
div.breadcrumb a:hover, div.breadcrumb a:active {
  text-decoration: none;
  color: #1c4493;
  border-bottom: none;
  font-weight: normal;
}

/* releaseBox */
div.releaseBoxContainer { width: 280px; float: right; margin: 0;
  padding: 0 0 0 20px; }
div.releaseBox { width: 260px; float: right; margin: 10px 0 10px 0;
  padding: 0 1em 1em 1em; background: #fff url(bg_box.png) repeat-x top left;
  border-top: 1px solid #666; border-left: 1px solid #666;
  border-right: 2px solid #666; border-bottom: 2px solid #666; }
div.releaseBox p { margin: .5em 0; }

body#home div#content h2 { border: none; }

/* footerContainer*/
#footerContainer { width: 100%; background-image: url(bg_footer.png);
  background-repeat: repeat-x; background-color: #eee5d3; }

/* footer */
#footer { width: 800px; clear: both; padding: 10px; margin: 0 auto;
  text-align: center; font-size: .9em; }

#footer h5 a:link, #footer h5 a:visited, #footer h5 a:hover,
  #footer h5 a:active { font-weight: normal; font-size: 1.2em;
  border-bottom: 1px solid #000; display: block; }
#footer h5 a:hover, #footer h5 a:active { text-decoration: none; color: #000; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  font-weight: normal; border: none; }
#footer a:hover, #footer a:active { text-decoration: underline; }

/* footerColumn */
.footerColumn { float: left; text-align: left; padding: 0 10px; width: 110px; }
.footerColumn ul { list-style: none; margin: 0; }
.footerColumn ul li a { color: #000; }

/* smallPrint */
table#smallPrint { width: 100%; border-top: 1px solid gray; font-size: 1em; }
table#smallPrint td { padding: .2em .5em; }
table#smallPrint td.left { text-align: left; }
table#smallPrint td.right { text-align: right; }

/* logosContainer*/
#logosContainer { width: 100%; background: #fff url(bg_logo.png)
  repeat-x top left; }

/* logos */
#logos { clear: both; padding: 25px; margin: 0 auto;
  text-align: center; }
#logos img { border: none; padding: 10px 25px; }
#logos a { border: none; }

/* forms */
td.optional {
  font-style:italic;
  /*font-weight: bold;*/
}
td.required {
  font-style: italic;
  font-weight: bold;
}
td.xsmall {
  font-size:x-small;
}

.download-border th {
  border: 1px solid #683c08;
}

.download-border table,
.download-border th,
.download-border td {
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color:#cbb691;
  vertical-align:top;
  text-align:left;
}
.download-border th {
  /*background-image: url(bg_content.png);*/
  background-repeat: repeat-x;
  background-color: #cbb691;
}
.download-border td.centered {
  text-align: center;
}

.download-border ul{
  padding:0;
  margin: 0 0 0 2em;
  list-style-type:circle;
}
.download-border ul li {
  margin:0;
  padding:0;
}

/* emphasis */
.emph-red {
  color:red;
  font-weight:bold;
}
.emph-bold {
  font-weight:bold;
}
.emph-bold-italic {
  font-style: italic;
  font-weight:bold;
}
.emph-italic {
  font-style: italic;
}

/* small */
.xsmall-italic {
  font-style: italic;
  font-size: x-small;
}
/* action bullet lists */
.action {
  /*background: blue;*/
}
.action p {
  font-variant:small-caps;
}
.action ul, .action ul ul,
.action ol ul {
  list-style-type: square;
  margin: 0 0 0 20px;
  padding:0;
  line-height: 0.8em;
}
.action ol {
  list-style-type: decimal;
  margin: 0 0 0 30px;
  padding:  0 0 0;
}
.action ol li {
}
.action ul ul {
  margin-top: 5px;
}
.action ul li {
  padding: 0px;
  margin: 0px;
  display:list-item;
}
.action a {
  padding: 0px;
  margin: 0px;
}
.arrow ul {
  padding: 0px;
  margin: 0px;
}
.arrow li {
  list-style-type: none;
  background-image: url(arrow-small.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 5px 0px 5px 30px;
}
.action h2 {
  text-align: center;
  color: #000;
  font-variant:small-caps;
  font-weight:bold;
  text-align: center;
  /*color:;*/
  text-shadow: 1px 2px 0px #fff;
}

.nav-header {
  font-variant: small-caps;
  font-weight: bold;
  font-size: small;
  padding-bottom: 0px;
  margin: 1em 0 0.5em 0;
  text-align: left;
  color:#660033;
  color:#822433;
}

div.codeblock {
  font-family: courier;
  font-size: xx-small;
  background: #e0e0e0;
}

.clear {
  clear:both;
  }

.keyword ul li {
  list-style-type: none;
  margin-bottom: 2em;
}

.keyword a{
  font-weight: bold;
}

/* mainNavSearch */
/*#mainNavSearch { width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none;
  background: transparent; float: right; }

#mainNavSearch form { float: right; margin: 0; padding: 0; font-family: "Lucida Grande",
  sans-serif; font-weight: bold; }*/



/*Search form here and working. go to http://csscreator.com/node/568 for future reference. You're welcome*/

.search form { float: right; margin: 0; padding: 0; font-family: "Lucida Grande",
  sans-serif; font-weight: bold; border:0px}
.search input{padding:0;margin:0}

/*Keyword css stuff*/

.keyword table {
 /*border: 1px solid black; */
}

.keyword th {
  width:100px;
  padding: 2em;
  margin-bottom: 1em;
  border-right: 1px solid black;
}
.keyword td {
  padding:0.5em;
  padding-left: 2em;
}
.keyword kwtype {
  color:#036;
  font-size: 1.2em;
  margin: 2em;
}

.keyword td kwname {
  width: 300 px;
}

.tab1 {
  padding: 0;
  margin: 0;
  padding-left:50px;
}

.tab1 p {
  padding: 0;
  margin: 0;
}
.tab1 h3 {

  padding: 0;
  margin: 0;
}
